<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="4">
                <el-card shadow="hover">
                    <el-tree :data="category" default-expand-all></el-tree>
                </el-card>
            </el-col>
            <el-col :span="20">
                <el-card shadow="hover">
                    <search>
                        <el-form-item>
                            <el-input placeholder="标题" v-model="search.title"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-input placeholder="关键词" v-model="search.keyword"></el-input>
                        </el-form-item>
                        <el-form-item>
                            <el-input placeholder="分类" v-model="search.category"></el-input>
                        </el-form-item>
                    </search>
                    <el-table>
                        <el-table-column label="标题"></el-table-column>
                        <el-table-column label="关键词"></el-table-column>
                        <el-table-column label="状态"></el-table-column>
                        <el-table-column label="操作"></el-table-column>
                    </el-table>
                    <el-pagination layout="prev, pager, next" :total="50"></el-pagination>
                </el-card>
            </el-col>
        </el-row>

    </div>
</template>

<script>
export default {
  data() {
    return {
      search: {
        title: "",
        keyword: "",
        category: ""
      },
      category: [
        {
          label: "全部",
          children: [{ label: "今日关注" }, { label: "军事科技" }]
        }
      ]
    };
  }
};
</script>

<style>
</style>
